*{
  margin:0;
  padding:0;
}

.container{
  width:500px;
  margin:0 auto;
  background:#ffffff;
  border:1px solid #dddddd;
}

.header{
  padding:10px 0;
  color:#266897;
  text-align: center;
}

.number{
  display: flex;
  justify-content: space-between;
  padding:10px;
  border:1px dotted #dddddd;
}

.current-title{
   color:#266897;
}

.list{
  padding:10px;
}

.list-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:6px 10px;
  margin-bottom:10px;
  border:1px solid #dddddd;
}

.list-info{
  display: flex;
  align-items: center;
}

.info-title{
  color:#266897;
}

.img{
  width:60px;
  height:60px;
}

.btn{
  width:76px;
  height:40px;
  color:#ffffff;
  background:#4c9ad7;
  border:none;
}

.action{
  text-align: center;
  margin:10px 0;
}

.get-apple{
  width:100px;
  height:40px;
  color:#ffffff;
  background:#489364;
  border:none;
}